<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Axios 传参:
    1. post
        data:是添加到请求体(body)中的，一般用于post请求
        params: 是添加到 url 请求字符串中，一般用于get请求

        上面，只是一般情况

        实际上，post请求也可以使用params方式传值，但是get请求没有data方式传值

<script>
    //data方式传递参数

    this.$axios({
        url:"/api/user/login",
        method:"post",
        headers:{
            "Content-Type":"application/json"
        },
        data:{
            username:this.user,
            pwd:this.pwd
        }
    }).then(res=>{
        console.log(res)
    })

    //params方式
    this.$axios({
        url:"/api/user/login",
        method:"post",
        headers:{
            "Content-Type":"application/json"
        },
        params:{
            username:this.user,
            pwd:this.pwd
        }
    }).then(res=>{
        console.log(res)
    })

    //post请求直接传递参数
    this.$axios.post("/api/user/login",{username:this.user, pwd:this.pwd},{
        "Content-Type":"application/json"
    }).then(res=>{
        console.log(res)
    })

</script>

    一般情况下都是使用data传参的，但是有时候会使用params服务器才能获取到数据

<script>
    //params+data传参
    this.$axios({
        url:"/api/user/login",
        method:"post",
        headers:{
            "Content-Type":"application/json"
        },
        params:{
            userId:"001"
        },
        data:{
            username:this.user,
            pwd:this.pwd
        }
    }).then(res=>{
        console.log(res)
    })

    //上面的东西可能会因为触发事件的时候发起请求

    function myFn(obj) { // obj={ username:this.user,pwd:this.pwd}
        this.$axios({
            url:"/api/user/login",
            method:"post",
            headers:{
                "Content-Type":"application/json"
            },
            params:{
                userId:"001"
            },
            data:obj || {}
        }).then(res=>{
            console.log(res)
        })
    }

    //post上传文件

    //首先顶一个formData对象
    let fd=new FormData();
    //将需要传递的参数append到formData对象中
    fd.append("startTime","2023-01");
    fd.append("endTime","2023-06");

    this.$axios.post("/api/all/order/money",fd,{
        headers:{
            "Content-Type":"multipart/form-data"//传文件的时候请求头要改成
        }
    }).then(resp=>{
        console.log(resp);
    })



</script>



    2. get: params



    axios封装：util=>http.js



--------------------element-ui----------------

安装：npm i element-ui -S

https://element.eleme.cn/#/zh-CN/component/menu

</body>
</html>